<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>仿爱奇艺轮播图</title>
    <link rel="stylesheet" href="./css/仿爱奇艺轮播.css">
</head>

<body>
    <div class="container">
        <div class="imgs">
            <a href="#" class="active">
                <img src="./imgs/1.jpg" alt="">
            </a>
            <a href="#">
                <img src="./imgs/2.jpg" alt="">
            </a>
            <a href="#">
                <img src="./imgs/3.jpg" alt="">
            </a>
            <a href="#">
                <img src="./imgs/4.jpg" alt="">
            </a>
            <a href="#">
                <img src="./imgs/5.jpg" alt="">
            </a>
            <a href="#">
                <img src="./imgs/6.jpg" alt="">
            </a>
            <a href="#">
                <img src="./imgs/7.jpg" alt="">
            </a>
            <a href="#">
                <img src="./imgs/8.jpg" alt="">
            </a>
        </div>
        <div class="shades">
            <div class="left"></div>
            <div class="top"></div>
            <div class="right"></div>
            <div class="bottom"></div>
        </div>
        <div class="titles">
            <a href="#" class="active">
                <div class="title">仿爱奇艺轮播图</div>
                <div class="title2">正文</div>
            </a>
            <a href="#">
                <div class="title">仿爱奇艺轮播图</div>
                <div class="title2">正文</div>
            </a>
            <a href="#">
                <div class="title">仿爱奇艺轮播图</div>
                <div class="title2">正文</div>
            </a>
            <a href="#">
                <div class="title">仿爱奇艺轮播图</div>
                <div class="title2">正文</div>
            </a>
            <a href="#">
                <div class="title">仿爱奇艺轮播图</div>
                <div class="title2">正文</div>
            </a>
            <a href="#">
                <div class="title">仿爱奇艺轮播图</div>
                <div class="title2">正文</div>
            </a>
            <a href="#">
                <div class="title">仿爱奇艺轮播图</div>
                <div class="title2">正文</div>
            </a>
            <a href="#">
                <div class="title">仿爱奇艺轮播图</div>
                <div class="title2">正文</div>
            </a>
        </div>
    </div>
</body>

</html>

<script src="./js/仿爱奇艺轮播.js"></script>